<template>
<view>
		<view class="head">
			<navigator @click="gotoarrow" class="return-arrow">
				<image class="return-img" src="../../../static/arrow.png"></image>
			</navigator>
			<view class="service-list">选择门店</view>
		</view>
		<view class="page">
				<view class="service">
						<view class="data-list">阿米一号店</view>
						<text class="arrows">></text>
				</view>
			<view class="service">
					<view class="data-list">阿米二号店</view>
					<text class="arrows">></text>
			</view>
			<view class="service">
					<view class="data-list">阿米三号店</view>
					<text class="arrows">></text>
			</view>
		</view>
</view>

</template>

<script>
export default {
	methods:{
		gotoarrow(){
			this.$router.go(-1)
		}
	}
}	
</script>

<style>

.head{
	width: 100%;
	height: 2rem;
	background-color: #ffffff;
	text-align: center;
	margin-bottom: 1rem;
}
.service{
	width: 100%;
	height:2rem;
	border-radius:5px;
	background-color: #ffffff;
	margin-bottom: 1rem;
	font-size: 0.8rem;
}
.data-list{
	float: left;
	margin: 8px 0 0 15px;
}
.arrows{
	float: right;
	margin: 8px 15px 0 0;
}
</style>
